<!doctype html>
<html>
	<head>
 <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的订单</title>
    
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>

    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
    	.mui-table-view .mui-media-object{max-width:70px;height: 70px;line-height: 70px;}
   .mui-ellipsis{margin-top: 26px;color:#8dc21f}
   .rightnub{color: #333333;line-height: inherit;}
   .mui-btn{padding:2px 5px;background: #8dc21f;color: #333333;border:none}
   .nth-last{font-size:15px}
   .maths{font-size:13px}
   .mui-table-view:after,.mui-table-view:before{height: 0;}
   .mui-content>.mui-table-view:first-child{margin-top: 0;}
   .mui-content>.mui-table-view:last-child{margin-top: 10px;}
   .mui-table-view-cell:after{left: 0;}
   .icon-dingwei{font-size: 30px;color: #AAAAAA;line-height: 47px;margin-right: 10px;}
   
    </style>
</head>
	<body>
		<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">订单详情</h1>
	   </header> 
	   <div class="mui-content">
	   	   <ul class="mui-table-view" style="border-bottom: 1px solid #DCDCDC !important;">					
					<li class="mui-table-view-cell mui-media" style="padding-left: 6px;">
						<i class="mui-icon mui-pull-left mui-icon-location" style="height: 47px;line-height: 47px;"></i>
						<div class="mui-media-body">
							<span>张三 </span><span style="margin-left: 20px;">1234567890</span>
							<p style="color: #000000;margin-top: 5px;">广东省深圳市宝安区沙井中心路1号</p>
						</div>
					</li>
				</ul>
	       <ul class="mui-table-view">
		     <li class="mui-table-view-cell mui-media" onclick="">
		         <a href="javascript:;">
		             <img class="mui-media-object mui-pull-left" src="../images/iconic.png">
		             <div class="mui-media-body">
		               党参
		                 <p class="mui-ellipsis">¥10.00/g<span class="mui-pull-right rightnub">×1</span></p>
		             </div>
		         </a>
		     </li>
		     </ul>
		     <ul class="mui-table-view" style="margin-top: 10px;">
		     <li class="mui-table-view-cell mui-media">
		         <a href="javascript:;">
		             <img class="mui-media-object mui-pull-left" src="../images/iconic.png">
		             <div class="mui-media-body">
		                 木屋
		                 <p class="mui-ellipsis">¥10.00/g<span class="mui-pull-right rightnub">×1</span></p>
		             </div>
		         </a>
		     </li>
		     
		 </ul>
		 <ul class="mui-table-view ">
		     <li class="mui-table-view-cell mui-media nth-last" onclick="openNewpage('free-information-order-1-sj.html')">
		         <span>订单状态</span><span class="mui-pull-right" style="color:#8dc21f">已完成</span>
		     </li>
		     <li class="mui-table-view-cell mui-media">
		         <span class="maths">创建时间：2016/01/01 00:09:00</span>
		     </li>
		     
		 </ul>
	   </div>
    <script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
	   
		<!--<script src="../../js/mui.min.js"></script>-->
        <!--<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>-->
        
		<script src="../js/jquery-2.1.4.min.js"></script>
    <script src="../js/mui.min.js"></script>
		<script type="text/javascript">
//			mui.init()
		</script>
	</body>

</html>